 <!--图像采集-->
 <div id="img_cj" style="top: 0;position: absolute;width: 100%;">
<div class="loading_bg" style="z-index: 999" ></div>
<style type="text/css">
.image_content{width:100%;overflow: hidden;position: relative;}
.image_content_left{height: 300px;width: 40%;border: 1px solid #ddd;}
.image_content_rightt{    height: 200px;
    width: 25%;
    bottom: 4px;
    left: 40%;
    position: absolute;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;}
.image_content_right_top{height: 100px;
    width: 25%;
    left: 40%; top: 0;
    position: absolute;}
.image_footer{ width:100%; height:200px;line-height: 25px;}
</style>
<div class="xueyuanduan_renwulist_top" style=" z-index:9999;width: 50%;"><!-- ng-controller="ImageAcquisitionController"-->
    <div class="member_main">
   
        <h5><span>请完成图像采集<div ng-click="closeImgCj()" style="float: right;color: #39f; padding-left:10px;">关闭</div> <div ng-click="exitSystem()" style="float: right;color: #39f;">退出系统</div></span></h5>
        <div style="padding: 15px 35px; position:relative;">
            <div class="image_content">
                <div class="image_content_left" id="photoframe"></div>
                <div class="image_content_right_top"><a href="javascript:PaiBtn()"><button class="btn queding" style="width: 100%;bottom: 0;right: 0;margin: 0;position: absolute;">拍照</button></a></div>
                <div class="image_content_rightt"><img ng-src="{{imgsrc}}"  style="width:100%;height:100%;"></div>
            </div>
            <div class="image_footer">
                使用说明：<br>
                    1、查看上方摄像头，确保摄像头显示位置为正面。<br>
                    2、确保摄像位置正确后点击拍照按钮。<br>
                    3、点击拍照后，系统自动验证您的照片是否合格。<br>
                    4、匹配成功后可以进行学习和考试。<br>
                    5、若总是出现不能正常识别，请调整摄像头位置，确保在光线充足 情况下拍照。<br>
            </div>
        </div>

    </div>

</div>
</div>

